<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../public/css/monokai_sublime.min.css">
    <link rel="stylesheet" href="../../public/css/heightlength.css">
    <link rel="stylesheet" href="../../public/css/mxjs.css">
    <link rel="stylesheet" href="../../public/css/prism.css">
    <script src="../../public/js/jquery.js"></script>
    <script src="../../public/js/highlight.min.js"></script>
    <script src="../../public/js/prism.js"></script>
    <script src="../../public/js/clipboard.min.js"></script>

</head>
<body>
<button>点击</button>
<div class="container">
    <div class="jsbg">
        <div class="col-lg-12 mxlength">
            <div class="mx-1">
                <h2>prototype相关</h2>
                <code>
                    prototype主要用于继承和给类添加方法和属性;方式污染全局函数
                    1.每个对象都具有一个名为__proto__的属性；
                    2.每个对象的__proto__属性指向自身构造函数的prototype；
                    3.每个构造函数（构造函数标准为大写开头，如Function()，Object()等等JS中自带的构造函数，以及自己创建的）都具有一个名为prototype的方法（注意：既然是方法，那么就是一个对象（JS中函数同样是对象），所以prototype同样带有__proto__属性）；


                </code>
            </div>
        </div>
        <div class="col-lg-12  ">
      <pre class="mScroll">
        <code class="lang-javascript">
               //实现继承
             function jku(name){
        this.age=33
    }
    function kli(name){
        this.name=44
    }
    kli.prototype=new jku();
    console.log(new kli())

            //添加属性
    function jku(){
        this.name=33;
    }
    jku.prototype.age=33;
   let obj= new jku();
   obj.age=44;
    console.log(new jku()) //创建一个新的对象的时候直接obj.age会被销毁

		</code>
    </pre>
        </div>
    </div>
</div>
<script>

    window.onload = function () {
        var clipboard = new Clipboard('.toolbar-item');
        clipboard.on('success', function (e) {
            console.log(e.text);
        });
        clipboard.on('error', function (e) {
            console.log(e);
        });
        $(".toolbar-item").html("<span>复制</span>")
    }
</script>
</body>
</html>
